@charset "utf-8";
@import "common/common";
.upgrade {
    //   display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

.upgrade_bg{
    width: 100%;
    height: 100%;
    //  position: absolute;
    img {
        width: 100%;
        height: 100%;
    }
}
.upgrade_paper{
    position: absolute;
       top: 3rem;
    left: 5rem;
    img{
        width: 75%;
    }
}
.upgrade_dun{
  position: absolute;
           top: 7rem;
    left: 0rem;
    animation: three 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInDown;
    img{
        width: 100%;
    }  
}
.upgrade_bottle{
position: absolute;
       top: 8rem;
    left: 6rem;
    animation: bottle 1.5s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInUp;
    img{
           width: 70%;
    }  
}
.upgrade_lumin{
position: absolute;
           top: 0.5rem;
    left: 3rem;
    animation: bottle .5s linear ;
        animation-fill-mode: forwards;
        animation-name: fadeInDown;
    img{
            width: 70%;
    }  
}
.upgrade_virus{
position: absolute;
           top: 0.5rem;
    left: 10rem;
    animation: bottle .5s linear ;
        animation-fill-mode: forwards;
        animation-name: fadeInDown;
    img{
       width: 40%;
    }  
}
.upgrade_virust{
position: absolute;
         top: 6rem;
    right: -3rem;
    animation: three 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInDown;
    img{
        width: 65%;
    }  
} 
.upgrade_virusi{
position: absolute;
           bottom: 8rem;
    right: -2rem;
    animation: three 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInDown;
    img{
       width: 50%;
    }  
}
.upgrade_viruss{
position: absolute;
       top: 0rem;
    left: 9rem;
    animation: three 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInDown;
    img{
        width: 100%;
    }  
}
.upgrade_viruse{
position: absolute;
           bottom: -1rem;
    left: 0rem;
    animation: three 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInDown;
    img{
        width: 70%;
    }  
}
.upgrade_virusn{
position: absolute;
             bottom: 11rem;
    left: 0rem;
    animation: three 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInUp;
    img{
        width: 40%;
    }  
}
.upgrade_bottom{
position: absolute;
                 bottom: 2rem;
    left: 7rem;
    z-index: 1;
    
    img{
       width: 60%;
    }  
}
}
